/*
                              .                       .
,-,-. ," . , , ,-.    ,-. . . |-. ,-. ,-. ,-. . . ,-. | ,
| | | |- |/|/  `-. -- |   | | | | |-' |   | | | | | | |<
' ' ' |  ' '   `-'    `-' `-| ^-' `-' '   |-' `-^ ' ' ' `
      '                    /|             |
                          `-'             '
mfws-cyberpunk

- Mobile first screen sizes.
- Eighty column rule.
- Upper-case for 3-char hex.
- Lower-case for 6-char hex.
- Space after semi-colon if preceding a letter.
- Space after a colon.
- Only define classes when necessary.
- Media queries last.

*/
body {
  margin: 1rem auto;
  padding: 0 3.2%;
  width: 93.6%;
  max-width: 1024px;
  font-family: sans-serif;
  line-height: 1.4;
  color: #efefef;
  background: #000;
}

a {
  color: #aaaaff;
}

a:visited {
  color: #ca8aff;
}

a:hover {
  color: #FCF;
}

a:active {
  color: #FFF;
}

:focus {
  border: 1px solid #ff00ff;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-family: monospace;
  font-size: x-large;
  margin: 20px 0 10px 0;
}

h1, .title {
  color: #ff1100;
}

h2 {
  color: #40ff5c;
}

h3 {
  color: #ff4081;
}

h4 {
  color: #00beff;
}

h5 {
  color: #9c00ff;
}

h6 {
  color: #ff4c50;
}

h7 {
  color: #ff00be;
}

img {
  max-width: 100%;
}

pre {
  white-space: pre;
}

pre.src {
  background-color: #000;
  color: #0F0;
  font-family: monospace;
}

blockquote {
  background: #328;
  color: #CCC;
  font-family: serif;
}

table {
  background-color: #222;
  color: #40ff5c;
  margin: 10px 0 20px 0;
}

tr:nth-child(even) {
  background-color: #ff8c10;
  color: #222;
}

img.art {
  margin: 0px auto;
  display: block;
  max-height: 480px;
}

.hash {
  font-family: monospace;
}

.todo {
  color: #ff9c00;
  border: 1px solid #ff9c00;
  padding: 0 5px;
}

.done {
  color: violet;
  border: 1px solid violet;
  padding: 0 5px;
}

@media only screen and (min-width: 640px) {
  body {
    min-width: 600px;
    width: 80%;
    padding: 0 10px;
  }
}

/*# sourceMappingURL=main.css.map */
